
<html>
<head>
    <title>查看报名</title>
    <script src="js/jquery-3.3.1.min.js"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="https://cdn.bootcss.com/mdui/0.4.3/css/mdui.min.css" rel="stylesheet">
    <script src="js/mdui.min.js"></script>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/locale/bootstrap-table-zh-CN.min.js"></script>


</head>
<style type="text/css">
    .mdui-btn{
        margin-right: 5px;
    }
</style>

<body class="mdui-theme-primary-light-blue mdui-theme-accent-blue">
    <h2 class="mdui-text-color-theme">查看报名</h2>
    <div id="content">
       <div id="tableArea">
           <table id="table"></table>
       </div>
    </div>

   

    
        
</body>

<script>
    var $$=mdui.JQ;
    
    
    window.operateEvents={
        
        "click .status":function(index,value,row){
            changeSubmit(row.signId,row.signUserid)
        },
        "click .delete":function(index,value,row){
            deleteSubmit(row.signId)
        }
    }
    
 


    
        $("#table").bootstrapTable({
        url: 'https://prehealth.top/pre2.0/queryAllSign',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortOrder: "asc",                   //排序方式
        //    queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        smartDisplay:true,
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 9,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
       // showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
         clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "signId",                     //每一行的唯一标识，一般为主键列
        showExport: true,                     //是否显示导出
        exportDataType: "basic",
        columns: [ {
             field:'signId',
            title:'活动编号',
            align:'center',
        },{
            field:'signActivityId',
            title:'活动名称',
            align:'center',
            formatter:getActivityname
            
        },{
            field:'signUserid',
            title:'报名人姓名' ,
            align:'center',
            formatter:getUsername
            
        },{
            field:'signExp',
            title:'活动经验',
            align:'center'
        } ,{
            field:'signActdate',
            title:'活动时间',
            align:'center'
        } ,{
            field:'signStatus',
            title:'报名状态',
            align:'center',
            formatter:status
        } ,{
            field: 'operation',
            title: '操作',
            align: 'center',
            events:operateEvents,//给按钮注册事件
            formatter:addFunctionAlty//表格中增加按钮 
        }
        ]
    })
 
  


function getActivityname(value,row,index){
    var id = row.signActivityId;
    var activityName1;
    $$.ajax({
            url:"https://prehealth.top/pre2.0/queryActivity",
            method:"get",
            dataType:"json",
            data:{
                  activityId:id
              },
              contentType:false,
              async: false,
              success:function(data){
                 activityName1=data[0].activityName;
                 
                 
               }});
    return ['<span>'+activityName1+'</span>'].join('');
}
    
function getUsername(value,row,index){
    var id = row.signUserid;
    var activityName1;
    $$.ajax({
            url:"https://prehealth.top/pre2.0/userinfo/"+id,
            method:"get",
            dataType:"json",
            data:{
                  user_id:id,
                  
              },
              contentType:false,
              async: false,
              success:function(data){
                 activityName1=data.userName;
                 
                 
               }});
    return ['<span>'+activityName1+'</span>'].join('');
}





    
    function status(value,row,index){

        switch(row.signStatus){
            case 0:
                return ['<span>审核中</span>'].join('');
                break;
            case 1:
                return ['<span>报名成功</span>'].join('');
                break;
            case 2:
                return ['<span>报名失败</span>'].join('');
                break;
           



        }
    }

    function addFunctionAlty(){
        return[
            
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple status">修改活动状态</button>',
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple delete">删除活动</button>'
        ].join('')
    }
   

    
    
    function rm() {
        $(".myimg").remove();
    }

   
     function changeSubmit(signId,signUserid) {
         var touser;
         var name;
            $$.ajax({
            url:"https://prehealth.top/pre2.0/login",
            method:"get",
            dataType:"json",
            async: false,
            data:{
                  user_id:signUserid
                  
              },
              contentType:false,
             
              success:function(data){
                 touser=data.userOpenId;
                 name = data.userinfo.userName;
                
                 
               }});
               console.log(touser)
              console.log(name)
            var json1 = 
    
    {
        "touser":touser,
        "template_id":"gDRFcTh876M6Wn-_VtV2iAAQi4YnJuTw2PZL7YSlvrs",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "name1":{
            "value":name
          },
          "phrase3":{
            "value":"已审核"
          },
          "thing10":{
            "value":"报名成功"
          }

        }
    };
         var json2 = 
    
    {
        "touser":touser,
        "template_id":"gDRFcTh876M6Wn-_VtV2iAAQi4YnJuTw2PZL7YSlvrs",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "name1":{
            "value":name
          },
          "phrase3":{
            "value":"已审核"
          },
          "thing10":{
            "value":"报名失败"
          }

        }
    };
          
          mdui.dialog({
           title: '审核报名',
            content: '您想要修改报名状态吗？',
          buttons: [
        {
          text: '拒绝',
          onClick: function(inst){
          
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json2),
                  
              
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '修改中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'https://prehealth.top/pre2.0/updateSign',
            dataType: "json",
              data:{
                  signId:signId,
                  signStatus:2
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }
        },
        {
        text: '通过',
        onClick: function(inst){
          $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json1),
                  
              
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '修改中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/updateSign',
            dataType: "json",
              data:{
                  signId:signId,
                  signStatus:1
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }
      }
    ]
  });
};

 function deleteSubmit(signId) {

          
          mdui.dialog({
           title: '删除报名记录',
            content: '您想要删除报名记录吗？',
          buttons: [
        {
          text: '取消'
        },
        {
        text: '确认',
        onClick: function(inst){
          

           mdui.snackbar({
            message: '删除中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'DELETE',
            url: 'https://prehealth.top/pre2.0/deleteSign',
            dataType: "json",
              data:{
                  signId:signId
                  
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除失败',
                    position: 'right-top'
                });
            }
        });
          
        }
      }
    ]
  });
};

  
</script>

</html>
